<!DOCTYPE html>
<html>
	<head> 
		<meta charset="utf-8" />
		<title>逗你呢-专注于客户体验软件开发.</title>
		<meta name="keywords" content="逗你呢,互联网软件,客户体验产品,安全软件,免费软件,定制服务">
		<meta name="description" content="在这里,您可以免费使用我们的各种类型的互联网产品,专业的指导使用,专业的定制化服务供您选择,用我们的服务来提搞您的工作效率吧.">
		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="css/floor.css"/>
		<script src="js/jquery-1.8.2.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.corner.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/dounine-tools.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="nav">
			<div class="nav-title">
				<div class="nav-t-center">
					<li style="padding-left: 0;"><a href=".">逗你呢官网</a></li>
					<li><a href="#">专注于软件</a></li>
					<li style="border:0;"><a href="#">免费服务</a></li>
				</div>
			</div>
			<div class="nav-menu-head">
				<div class="nav-logo">
					<a href="."><div class="logo"><img src="img/dounine.png"/></div></a>
				</div>
				<div class="nav-bar">
					<li><a href=".">首页 <i class="iconfont select">&#xf029d;</i></a></li>
					<li><a href="#">产品<i class="iconfont"></i></a></li>
					<li><a href="#">服务 <i class="iconfont"></i></a></li>
					<li><a href="#" style="border: none;">帮助 <i class="iconfont"></i></a></li>
				</div>
			</div>
		</div>
		
		<div class="banner">
			<div class="banner-center">
				<div class="pointed">
					<div class="arrow-rectangle">
						<i class="iconfont one">&#xe67a;</i>
					</div>
					
					<div class="center-center">
						<i class="iconfont one">&#x3444;</i>
						<i class="iconfont second">&#xe601;</i>
					</div>
					
					<div class="left-top pointed-circle">
						<i class="iconfont one">&#x3444;</i>
						<i class="iconfont second">&#xf00ae;</i>
					</div>
					<div class="right-top pointed-circle">
						<i class="iconfont one" style="color: #4384D6;">&#x3444;</i>
						<i class="iconfont second">&#xe604;</i>
					</div>
					<div class="right-bottom pointed-circle">
						<i class="iconfont one" style="color: #4384D6;">&#x3444;</i>
						<i class="iconfont second">&#xe60b;</i>
					</div>
					<div class="left-bottom pointed-circle">
						<i class="iconfont one">&#x3444;</i>
						<i class="iconfont second">&#xf0046;</i>
					</div>
					<div class="left-left pointed-circle">
						<i class="iconfont one">&#x3444;</i>
						<i class="iconfont second">&#x343f;</i>
					</div>
					<div class="right-right pointed-circle">
						<i class="iconfont one" style="color: #4384D6;">&#x3444;</i>
						<i class="iconfont second">&#xe645;</i>
					</div>
					
					<div class="p-point">
						<div style="left:106px;top:186px;"></div>
						<div style="left:122px;top:186px;"></div>
						<div style="left:140px;top:186px;"></div>
						<div style="left:328px;top:186px;"></div>
						<div style="left:344px;top:186px;"></div>
						<div style="left:360px;top:186px;"></div>
						<div style="left:360px;top:186px;"></div>
						
						<div style="left:168px;top:88px;width: 6px;"></div>
						<div style="left:174px;top:97px;width: 6px;"></div>
						<div style="left:180px;top:106px;width: 6px;"></div>
						<div style="left:188px;top:115px;width: 6px;"></div>
						
						<div style="left:290px;top:115px;width: 6px;"></div>
						<div style="left:298px;top:106px;width: 6px;"></div>
						<div style="left:306px;top:99px;width: 6px;"></div>
						<div style="left:314px;top:90px;width: 6px;"></div>
						
						<div style="left:170px;top:294px;width: 6px;"></div>
						<div style="left:178px;top:284px;width: 6px;"></div>
						<div style="left:186px;top:276px;width: 6px;"></div>
						<div style="left:194px;top:268px;width: 6px;"></div>
						
						<div style="left:280px;top:268px;width: 6px;"></div>
						<div style="left:286px;top:276px;width: 6px;"></div>
						<div style="left:293px;top:284px;width: 6px;"></div>
						<div style="left:300px;top:292px;width: 6px;"></div>
					</div>
					
				</div>
				<div class="banner-text">
					<li style="color: #C3CCD3;font-size: 24px;">我们用心服务 , 诚比金贵</li>
					<li style="color: #FFFFFF;font-size: 36px;">免费使用 , 全程指导</li>
					<li style="color: #FFFFFF;font-size: 20px;margin:10px 0;">企业OA , 管理助手 , B2C , APP</li>
					<li style="color: #FFFFFF;font-size: 26px;">专业定制服务 , 您的好助手</li>
					<li>
						<div class="banner-box">
							安全 Security
						</div>
						<div class="banner-box">
							体验 Practice
						</div>
						<div class="banner-box">
							功能 Function
						</div>
					</li>
				</div>
				
			</div>
		</div>
		
		<div class="split-box" style="border: none;background: none;">
		</div>
		
		<div class="split-box">
			<div class="box-tip">软件产品分类</div>
			<div id="product-floor">
				<img class="load-img" src="img/loading.gif" />
				<div class="floors"></div>
			</div>
		</div>
		
		<div class="split-box">
			<div class="box-tip">软件产品优势</div>
		</div>
		
		
		
		<div class="footer-box">
			<div class="footer">
				<div class="footer-t-b">
					
				</div>
				<div class="footer-content">
					<div class="footer-left">
						&copy; 2015. All Rights Reserved.
					</div>
					<div class="footer-right">
						<a href="#">逗你呢</a>
						<a href="#">招贤纳士</a>
						<a href="#">服务协议</a>
						<a href="#">联系我们</a>
					</div>
				</div>
			</div>
		</div>
		
	</body>
	<script type="text/javascript">
		$(function(){
			$('.pointed-circle').css('opacity',0.95);
			$('.arrow-left,.arrow-rectangle,.arrow-right').css('opacity',0.8);
			$('div.banner-box').corner('2px');
		});
	</script>
	<script>
		var floor_all_action = 'floor-alls.json';
		var floor_cell_all_action = 'floor-cell.json';
	
	</script>
	<script src="js/floor.js" type="text/javascript" charset="utf-8"></script>
</html>
